<!doctype html>
<html class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>食品安全知识考试</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-transform"/>
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/blendui/2.0.0/boost.min.css" />
<!--<link rel="stylesheet" type="text/css" href="__PUBLIC__/acshenzhen/css/doc.css" />-->
<script type="text/javascript" src="__PUBLIC__/acshenzhen/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="http://apps.bdimg.com/libs/blendui/2.0.0/boost.min.js"></script>
<script type="text/javascript">window.boost = $.noConflict(true);</script>
<script type="text/javascript" src="__PUBLIC__/acshenzhen/js/questions_app.js"></script>
<script type="text/javascript">
// var init={'questions':[{'question':'调查显示世界上所有国家和地区的高血压发病率均与下列哪种调味料的摄入有关？','answers':['食盐','味精','醋','酱油'],'correctAnswer':1},{'question':'找出不同类的一项?','answers':['写字台','沙发','电视','桌布'],'correctAnswer':3},{'question':'国土面积最大的国家是：','answers':['美国','中国','俄罗斯','加拿大'],'correctAnswer':3},{'question':'月亮距离地球多远？','answers':['18万公里','38万公里','100万公里','180万公里'],'correctAnswer':2}]};
var init={$res};

$(function(){
	$('#answer-container').answer({
        questions: init.questions
    });
});
</script>
<style>
html { font-size: 20px; }

@media only screen and (min-width: 320px) {
html { font-size: 17.06666666px !important; }
}

@media only screen and (min-width: 375px) {
html { font-size: 20px !important; }
}

@media only screen and (min-width: 400px) {
html { font-size: 21.33333333px !important; }
}

@media only screen and (min-width: 414px) {
html { font-size: 22.08px !important; }
}

@media only screen and (min-width: 480px) {
html { font-size: 25.6px !important; }
}
/*public*/
html, body { margin: 0; padding: 0; overflow-x: hidden; }
body { font-size: 62.5%; }
a, a:link, a:visited, a:hover, a:active { text-decoration: none!important }
.bg-no { background-color: transparent!important; border: none!important; }
.p-no { padding: 0!important; }
.m-no { margin: 0!important; }
.b-no { border: none!important; }
.text-center { text-align: center }
.pull-left { float: left; }
.pull-right { float: right; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.f-2x { font-size: 0.75rem!important; }
.f-1x { font-size: 0.65rem!important; }
.fw-bold { font-weight: bold!important; }
.wrap { position: fixed; left: 0; bottom: 0; right: 0; top: 0; min-height: 100vh; background: url(__PUBLIC__/acshenzhen/images/bg.png) bottom center no-repeat; background-attachment: fixed; background-size: cover; z-index: -2; }
/*thumb*/
.thumb-circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
/*bg*/
.bg-light-blue { background-color: #A6EDEF }
.bg-blue { background-color: #59BFFD }
.bg-grey { background-color: #f5f5f5; }
.bg-white { background-color: #fff; }
/*blend-link-group*/
.blend-link-group .blend-link { height: 9.2rem; line-height: 9.2rem; width: 40rem; margin: 0 auto; margin-bottom: 1.6rem; }
.blend-link-group .blend-link:nth-child(1) { background: url(__PUBLIC__/acshenzhen/images/btn-yellow.png) no-repeat center; background-size: 100% }
.blend-link-group .blend-link:nth-child(2) { background: url(__PUBLIC__/acshenzhen/images/btn-red.png) no-repeat center; background-size: 100% }
.blend-link-group .blend-link:nth-child(3) { background: url(__PUBLIC__/acshenzhen/images/btn-blue.png) no-repeat center; background-size: 100% }
.blend-link-group .blend-link a, .blend-link-group .blend-link a:hover, .blend-link-group .blend-link a:active { font-size: 3.0rem; font-weight: bold; color: #fff; }
.blend-link-group .blend-link:nth-child(1) a { -moz-text-shadow: -0.2rem 0 0.5rem #F09B02; -webkit-text-shadow: -0.2rem 0 0.5rem #F09B02; text-shadow: -0.2rem 0 0.5rem #F09B02; }
.blend-link-group .blend-link:nth-child(2) a { -moz-text-shadow: -0.2rem 0 0.5rem #E62C0C; -webkit-text-shadow: -0.2rem 0 0.5rem #E62C0C; text-shadow: -0.2rem 0 0.5rem #E62C0C; }
.blend-link-group .blend-link:nth-child(3) a { -moz-text-shadow: -0.2rem 0 0.5rem #1B4EAB; -webkit-text-shadow: -0.2rem 0 0.5rem #1B4EAB; text-shadow: -0.2rem 0 0.5rem #1B4EAB; }
/*sun*/
.sun { position: absolute; right: 0.5rem; top: 0.25rem; width: 2.75rem; height: 2.75rem; background: url(__PUBLIC__/acshenzhen/images/sun.png) top right no-repeat; background-size: 100%; z-index: 2 }
/*cloud*/
.cloud-top { width:100%; height: 3.35rem; background: url(__PUBLIC__/acshenzhen/images/cloud-top.png) bottom center no-repeat; background-size: 100% 100%; position: relative; z-index: -2 }
.cloud-bot { width: 100%; height: 4.2rem; background: url(__PUBLIC__/acshenzhen/images/cloud-bot.png) top center no-repeat; background-size: 100% 100%; position: relative; z-index: -2 }
/*bird*/
.bird1 { width: 2.8rem; height: 3.55rem; background: url(__PUBLIC__/acshenzhen/images/green-bird.png) bottom center no-repeat; background-size: 100%; position: absolute; left: 3.0rem; top: 0.5rem; z-index: 1 }
.bird2 { width: 6.65rem; height: 3.75rem; background: url(__PUBLIC__/acshenzhen/images/bird.png) bottom center no-repeat; background-size: 100%; position: absolute; right: 1.4rem; top: 1.0rem; z-index: 1 }
.bird2.right { background: url(__PUBLIC__/acshenzhen/images/bird-right.png) bottom center no-repeat; background-size: 100%; }
.bird2.wrong { background: url(__PUBLIC__/acshenzhen/images/bird-error.png) bottom center no-repeat; background-size: 100%; }
/*button*/
.blend-button-yellow { background-color: #FDA93F; font-size: 16px; color: #fff; height: 8rem; line-height: 8rem; -moz-border-radius: 1rem; -webkit-border-radius: 1rem; border-radius: 1rem; }
.blend-button-yellow:hover, .blend-button-yellow:active { color: #fff; }
/*question-item*/
.questions { position: relative; z-index: 1; }
.question-item { margin-top: 0; margin-bottom: 0; position: relative; }
.question-item .type { position: absolute; width: 2.25rem; height: 0.9rem; line-height: 0.9rem; text-align: center; color: #44BCBB; border: 1px solid #44BCBB; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; border-radius: 0.15rem; font-size: 0.5rem }
.question-item .question-btn .blend-button { height: 1.25rem; line-height: 1.25rem; min-width: 4.0rem; margin-bottom: 0.1rem; text-align: center; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; border-radius: 0.15rem; font-size: 0.65rem;}
.question-item .question-btn .next { background-color: #44BCBB; color: #fff; }
.question-item .question-btn .next:hover { background-color: #34A9A8; }
.question-item .question-info { min-height: 4.5rem; margin: 0; padding-top: 1.0rem; padding-bottom: 1.0rem; }
/*answers*/
.answers{margin-top: 0.5rem}
.answers .blend-formgroup { background-color: transparent!important; text-align: center }
.answers .blend-formgroup input {width: 14.9rem; margin: 0 auto; margin-bottom: 0.75rem; background: url(__PUBLIC__/acshenzhen/images/btn.png) no-repeat center; background-size: 100%; text-align: center; font-size: 0.8rem; color: #643503; font-weight: bold; padding: 0; height: 1.95rem; line-height: 1.95rem; border: none!important; outline: none!important; }
.answers .blend-formgroup input.right { background: url(__PUBLIC__/acshenzhen/images/btn-right.png) no-repeat center; background-size: 100%; }
.answers .blend-formgroup input.wrong { background: url(__PUBLIC__/acshenzhen/images/btn-wrong.png) no-repeat center; background-size: 100%; }
</style>
</head>
<body class="bg-light-blue">
<div class="wrap"></div>
<div class="sun"></div>
<div class="questions" id="answer-container">
	<div class="cloud-top"></div>
	<div class="bg-white clearfix">
		<div class="blend-container-fluid">
			<div class="question-item">
				<div class="type">单选题</div>
				<h4 class="question-number f-2x m-no fw-bold text-center"></h4>
				<p class="question-info f-1x"></p>
			</div>
		</div>
	</div>
	<div class="cloud-bot">
		<div class="bird1"></div>
		<div class="bird2"></div>
	</div>
	<div class="answers match">
	</div>
        
        <input type="hidden" id="mid" value="{$mid}" />
        <input type="hidden" id="submit_url" value='{:U("modify_member_isexam_app",array("mid"=>$mid))}' />
        <input type="hidden" id="redirect_url" value='{:U("exam_result_app",array("mid"=>$mid))}' />
</div>

<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
wx.config({
    debug: false,
    appId: '{$signPackage["appId"]}',
    timestamp: {$signPackage["timestamp"]},
    nonceStr: '{$signPackage["nonceStr"]}',
    signature: '{$signPackage["signature"]}',
    jsApiList: [
      // 所有要调用的 API 都要加到这个列表中
      'onMenuShareTimeline',
      'onMenuShareAppMessage'
    ]
});


wx.ready(function () {
// 在这里调用 API
    wx.onMenuShareTimeline({
        title: '“深圳食品小卫士”大比拼，一大波萌娃究竟花落谁家', // 分享标题
        link: "{$site_url}{:U('M/Acshiyaoju/xws_rank')}", // 分享链接
        imgUrl: 'http://www.zhongcetianxia.com/Public/template/default/img/acshenzhen/share_icon.jpg', // 分享图标
        success: function () { 
            // 用户确认分享后执行的回调函数，生成红包
            // _system.$("cover").click()

        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });
    
    wx.onMenuShareAppMessage({
        title: '“深圳食品小卫士”大比拼，一大波萌娃究竟花落谁家', // 分享标题
        desc: '众测天下召集食品安全小卫士啦，一起参与领奖品', // 分享描述
        link: "{$site_url}{:U('M/Acshiyaoju/xws_rank')}", // 分享链接
        imgUrl: 'http://www.zhongcetianxia.com/Public/template/default/img/acshenzhen/share_icon.jpg', // 分享图标
        type: '', // 分享类型,music、video或link，不填默认为link
        dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
        success: function () { 
            // 用户确认分享后执行的回调函数
            // _system.$("cover").click()

        },
        cancel: function () { 
            // 用户取消分享后执行的回调函数
        }
    });

});
</script>
</body>
</html>